$(function () {
  // 点击“去注册账号”的链接
  $('#link_reg').on('click', function () {
    console.log(123);
    $('.login_box').hide()
    $('.reg_box').show()
  })
  // 点击“去登录”的链接
  $('#link_login').on('click', function () {
    $('.login_box').show()
    $('.reg_box').hide()
  })

  let form = layui.form; //不能直接使用,必须要先导出
  form.verify({
    //第二种方式,数组方式进行正则表达
    pwd: [/^[\S]{6,12}$/, '密码必须6到12位'],
    //检验两次密码是否一致
    reped: function (value) {
      // 通过形参拿到的是确认密码框中的内容
      // 还需要拿到密码框中的内容
      // 然后进行一次等于的判断
      // 如果判断失败,则return一个提示消息即可

      //属性选择器
      let pwd = $(".reg_box [name=password]").val();
      if (pwd !== value)
        return "两次输入密码不一致";
    }
  })
  //想要使用的话,不能直接使用,需要先导出,然后进行接收,就可以使用其方法了
  var layer = layui.layer

  //注册的点击事件
  $("#form_reg").on("submit", function (e) {
    e.preventDefault() //阻止表单默认提交行为
    $.ajax({
      type: "post",
      url: "/api/reguser", //注册接口
      data: {
        username: $("#form_reg [name=username]").val(),
        password: $("#form_reg [name=password]").val()
      },

      success: function (res) {
        if (res.status !== 0) {
          return layer.msg(res.message)
        }
        layer.msg("注册成功,请登录吧");
        $("#link_login").click(); //自调用函数

      }
    });
  })
  //登录的点击事件
  $("#form_login").on("submit", function (e) {
    e.preventDefault();
    $.ajax({
      type: "post",
      url: "/api/login", //注册接口
      data: {
        username: $("#form_login [name=username]").val(),
        password: $("#form_login [name=password]").val()
      },

      success: function (res) {
        if (res.status !== 0) {
          return layer.msg(res.message)
        }
        layer.msg("登录成功");
        console.log(res.token);
        //将token值存储到本地存储里
        localStorage.setItem("token", res.token);
        //跳转大事件首页页面
        location.href = "index.html"
      }
    });
  })
})